<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="base" value="<%=request.getContextPath()%>" scope="request"/>

<style>
    .notBorderTable > tbody > tr > th, .notBorderTable > tbody > tr > td {
        border-top: 0px solid #ddd;
        padding-left:0px;
    }
    .notBorderTable td {
        text-align: left;
        color: rgb(102, 102, 102);
        width: 30%;
    }
    .notBorderTable th {
        text-align: right;
        background-color: #ffffff;
        font-weight: bold;
        width: 20%;
    }
</style>

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title">专家信息</h4>
</div>
<div class="modal-body">
    <div class="nav-tabs-custom">
        <ul class="nav nav-tabs">
            <li class="active">
                <a href="#tab_expertBase" data-toggle="tab">
                    <span class="glyphicon glyphicon-user"></span><b>基本信息</b></a></li>
            <li>
                <a href="#tab_expertCompany" data-toggle="tab">
                    <span class="glyphicon glyphicon-home"></span><b>工作单位</b></a></li>
            <li>
                <a href="#tab_expertCertificate" data-toggle="tab">
                    <span class="glyphicon glyphicon-book"></span><b>资质证书</b></a></li>
            <li>
                <a href="#tab_expertEducation" data-toggle="tab">
                    <span class="glyphicon glyphicon-pencil"></span><b>教育经历</b></a></li>
            <li>
                <a href="#tab_expertMajor" data-toggle="tab">
                    <span class="glyphicon glyphicon-th-list"></span><b>从事专业</b></a></li>
            <li>
                <a href="#tab_expertReview" data-toggle="tab">
                    <span class="glyphicon glyphicon-align-justify"></span><b>审查/评审 经历</b></a></li>
            <li>
                <a href="#tab_expertTrain" data-toggle="tab">
                    <span class="glyphicon glyphicon-briefcase"></span><b>培训经历</b></a></li>
            <li>
                <a href="#tab_expertWork" data-toggle="tab">
                    <span class="glyphicon glyphicon-plane"></span><b>工作经历</b></a></li>
        </ul>
        <div class="tab-content" style="height: 298px ;text-align: center;"  >
            <%--1基本信息--%>
            <div  class="tab-pane active" id="tab_expertBase" data-url="${base}/httpPage/expertBase?idCard=${idCard}">加载中……</div>
            <%--2工作单位--%>
            <div class="tab-pane" id="tab_expertCompany" data-url="${base}/httpPage/expertCompany?idCard=${idCard}">加载中……</div>
            <%--3资质证书--%>
            <div class="tab-pane" id="tab_expertCertificate" data-url="${base}/httpPage/expertCertificate?idCard=${idCard}">加载中……</div>
            <%--4教育经历--%>
            <div class="tab-pane" id="tab_expertEducation" data-url="${base}/httpPage/expertEducationalExperience?idCard=${idCard}">加载中……</div>
            <%--5从事专业--%>
            <div class="tab-pane" id="tab_expertMajor" data-url="${base}/httpPage/expertMajors?idCard=${idCard}">加载中……</div>
            <%--6审查/评审经历--%>
            <div class="tab-pane" id="tab_expertReview" data-url="${base}/httpPage/expertReviewExperience?idCard=${idCard}">加载中……</div>
            <%--7培训经历--%>
            <div class="tab-pane" id="tab_expertTrain" data-url="${base}/httpPage/expertTrainingExperience?idCard=${idCard}">加载中……</div>
            <%--8工作经历--%>
            <div class="tab-pane" id="tab_expertWork" data-url="${base}/httpPage/expertWorkExperience?idCard=${idCard}">加载中……</div>
        </div>
    </div>
</div>


<script language="javascript">
    $(".nav-tabs a").click(function () {
        var $content = $($(this).attr("href"));
        if ($content.html().length < 6) {
            $content.load($content.data("url")); // ajax加载页面
        }
    });
    $("#tab_expertBase").load($("#tab_expertBase").data("url"));
</script>

